﻿(function(jQuery) {
	jQuery.imageLister = {
		init: function() {
			return this.each(function() {
				var elem = this;

				var item = this.item = $(elem);
				var ul = this.ul = jQuery('<ul/>').addClass('ilContainer').insertAfter(elem);
				item.hide();
				
				item.children('a').each(function() {
					var link = jQuery('<a/>').attr('href', $(this).attr('href')).attr('title', $(this).attr('title'));
					var title = jQuery('<span/>').text($(this).attr('title')).appendTo(link).css({opacity: 0.0});
					var image = jQuery(this).children('img').attr('alt', $(this).attr('title')).appendTo(link);
					$('<li/>').append(link).appendTo(ul).css({
						height: image.height(),
						width: image.width()
					}).find('a').css('height', image.height());
				});

				ul.children('li').children('a').mouseover(function() {
					jQuery(this).find('img').stop().animate({marginTop: '-25px'}, 100).parent('a').find('span').stop().fadeTo('slow', 1.0);
				}).mouseout(function() {
					jQuery(this).find('img').stop().animate({marginTop: '0'}, 100).parent('a').find('span').stop().fadeTo('slow', 0.0);
				});
				if (jQuery.fn.lightBox) {
					ul.children('li').children('a').lightBox();
				}
			});
		}
	};
	jQuery.fn.imageLister = $.imageLister.init;
})(jQuery);